<template>
	<view class="container">
		<view class="about_box">
			<view class="name">VS是什么类型的公司</view>
			<view class="detail">本公司于1月23日在会议室组织新人入司培训会议, 本公司于1月23日在会议室组织新人入司培训会议， 本公司于1月23日在会议......</view>
		</view>
	</view>
</template>

<script>
</script>

<style>
	.container{
		padding: 30rpx;
		background: #F6F6F6;
		height: 100vh;
	}
	.about_box{
		width: 690rpx;
		height: 238rpx;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 12px;
		padding: 20rpx;
	}
	.name{
		font-size: 32rpx;
		font-weight: 400;
		line-height: 45rpx;
		color: #333333;
	}
	.detail{
		font-size: 28rpx;
		font-weight: 300;
		color: #333333;
		margin-top: 20rpx;
		overflow: hidden;  
		text-overflow: ellipsis;  
		display: -webkit-box;  
		-webkit-line-clamp: 3;  
		-webkit-box-orient: vertical; 
	}
</style>
